<template>
  <div>
    <h1>品牌制造商直供</h1>

    <van-card
      v-for="item in fen"
      :key="item.id"
      :num="item.sort_order"
      :price="item.retail_price"
      :desc="item.goods_brief"
      :title="item.name"
      :thumb="item.list_pic_url"
      @click="add(item)"
    >
      <template #right>
        <img v-lazy="item.list_pic_url" />
      </template>
    </van-card>
  </div>
</template>

<script>
export default {
  data() {
    return {
      fen: [],
    };
  },
  mounted() {
    this.$http(
      "//shop.bufantec.com/bufan/goods/goodsList?categoryId=1005000",
      "get",
      {}
    ).then((res) => {
      console.log(res);
      this.fen = res.data.data;
    });
  },
  methods: {},
};
</script>

<style lang="scss"></style>
